<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <div id="app">
    {{ msg }}
    {{ act() }}
  </div>
  <div class="box">
    这里无法使用vue语法
    {{ msg }}
  </div>
  <script src="./vue.js"></script>
  <script>
    // 创建一个 Vue实例  这就是VM
    const vm = new Vue({
      el: "#app", // element缩写 挂载实例 #app元素 内部就可以使用vue代码了
      data: { //  data属性 是  放组件的数据的
        msg: 'hello vue'
      },
      methods: { // 存放当前实例的 方法
        act(){ // 注意 方法必须这样写 es5写法
          return 111
        }
      }
    })
  </script>
</body>
</html>